<template>
    <!-- 客户管理-NotePad页面 -->
    <div class="fillcontain">
        <div class="contain">
            <notePadIcdTableComponent></notePadIcdTableComponent>
        </div>
    </div>
</template>

<script>
    import { mapState, mapGetters } from 'vuex'
    import constant from '@/utils/constant';
    import notePadIcdTableComponent from "@/page/customerManage/notePadIcdTableComponent.vue";
    export default {
        data() {
            return {
                searchParams: {
                    customerNo: '', //客户号
                }
            }

        },
        props: {

        },
        components:{
            notePadIcdTableComponent
        },

        created() {

        },
        mounted() {
        },
        methods: {
            // 查询列表
            getList() {
                let params = {
                    "clntnum": this.searchParams.customerNo,
                    "pageSize": this.paginations.pageSize,
                    "pageNumber": this.paginations.pageIndex,
                };
                if (this.searchParams.customerNo) {
                    let reg = /^[0-9]*$/
                    let repl = new RegExp(reg);
                    if (!repl.test(this.searchParams.customerNo)) {
                        this.$message({
                            message: '客户号必须为纯数字！',
                            type: 'error'
                        });
                        return;
                    }
                    if (this.searchParams.customerNo.length != '8') {
                        this.$message({
                            message: '客户号只能输入8位数字！',
                            type: 'error'
                        });
                        return;
                    }
                }
            }
        },
        computed: {
            ...mapGetters(['tags']),
            reload() {
                return this.$store.state.loading.reload;
            }
        },
        activated() {
            if (this.reload) {
                this.$store.dispatch('loading/CHNAGE_RELOAD', false)
                Object.assign(this.$data, this.$options.data());
            }
        }
    }

</script>

<style lang="less" scoped>
    .fillcontain {
        padding-bottom: 0;
    }

    .contain {
        background: #fff;
        padding: 10px;
        margin-bottom: 20px;
    }

    .pagination {
        padding: 10px 20px;
        text-align: right;
    }

    .operationIcon {
        border: 1px solid #e5e5e5;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: inline-block;
        cursor: pointer;
        box-shadow: 0 0 3px #f9f9f9;
        .item i {
            color: #68a3fc;
        }
    }

    .search_container {
        padding: 20px 20px 0 20px;
    }
</style>